<template>
    <div>
        <div>条件渲染</div>
        <div>----------------------------------------------------------</div>

        <!-- 如果变量为true，则显示h1标签内容，否则不显示 -->
        <h1 v-if="ok">Yes</h1>
        <div>----------------------------------------------------------</div>

        <div v-if="type === 'A'">A</div>
        <div v-else-if="type === 'B'">B</div>
        <div v-else-if="type === 'C'">C</div>
        <div v-else>Not A/B/C</div>

        <div>----------------------------------------------------------</div>
        <div v-show="isShow">12223</div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            ok:true,
            type: 'e',
            isShow:true
        }
    }
}
</script>










